﻿<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.rapid-framework.org.cn/rapid" prefix="rapid"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<rapid:override name="frame-header-style">
<style>
    /*覆盖 layui*/
    .layui-input-block {
        margin:0px 10px;
    }
    .layui-table {
        margin-top: 0;
    }
    .layui-col-md4 {
        padding:10px;
    }
    .layui-col-md8 {
        padding:10px;
    }
    .layui-btn {
        margin: 2px 0!important;
    }
</style>
</rapid:override>

<rapid:override name="frame-content">
		<!-- 内容主体区域 -->
		<blockquote class="layui-elem-quote">
			<span class="layui-breadcrumb" lay-separator="/"> <a
				href="/admin">首页</a> <a href="/admin/category">分类列表</a> <a><cite>添加分类</cite></a>
			</span>
		</blockquote>


		<div class="layui-row">
			<div class="layui-col-md4">
				<form class="layui-form" method="post" id="myForm" action="category/add">
					<div class="layui-form-item">
						<div class="layui-input-block">
							<strong>添加分类</strong>
						</div>
						<div class="layui-input-block">名称 <span style="color: #FF5722;">*</span> 
							<input type="text" id="categoryName" name="categoryName" placeholder="请输入分类名称" autocomplete="off" class="layui-input" required>
						</div> 
						<br>
						<div class="layui-input-block">父节点 <span style="color: #FF5722;">*</span> 
							<select name="categoryPid" class="layui-input" required>
								<option value="0">无</option>
								<option value="1">Java</option>
								<option value="10">计算机科学</option>
								<option value="15">其他技术</option>
							</select>
						</div>
						<br>
						<div class="layui-input-block">分类描述 
							<input type="text" name="categoryDescription" placeholder="请输入分类描述" autocomplete="off" class="layui-input">
						</div>
						<br>
						<div class="layui-input-block">
							图标样式 <input type="text" name="categoryIcon"
								placeholder="请输入图标样式,如 fa fa-coffee" autocomplete="off"
								class="layui-input">
						</div>
						<br>
						<div class="layui-input-block">
							<button class="layui-btn" lay-filter="formDemo" type="submit">添加</button>
						</div>
					</div>
				</form>
			</div>
			<div class="layui-col-md8">
				<table class="layui-table">
					<colgroup>
						<col width="300">
						<col width="100">
						<col width="100">
						<col width="100">
						<col width="50">
						<col width="50">
					</colgroup>
					<thead>
						<tr>
							<th>名称</th>
							<th>文章数</th>
							<th>操作</th>
							<th>ID</th>
							<th>pid</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach var="c" items="${pageInfo.list}">
							<tr>
								<td><a href="/category/${c.categoryId} " target="_blank">${c.categoryName}</a>
								</td>
								<td>${c.articleCount}</td>
								<td><a href="category/edit/${c.categoryId}"
									class="layui-btn layui-btn-mini">编辑</a></td>
								<td class="cate-parent">${c.categoryId}</td>
								<td>${c.categoryPid}</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
				<blockquote class="layui-elem-quote layui-quote-nm">
					温馨提示：
					<ul>
						<li>分类最多只有两级，一级分类pid=0，二级分类pid=其父节点id</li>
						<li>如果该分类包含文章，将不可删除</li>
					</ul>
				</blockquote>
			</div>
				<%@ include file="../page.jsp"%>
		</div>

</rapid:override>
<rapid:override name="frame-footer-script">
	<script>
		var msg=${msg};
		if(msg!=null){
			alert(msg);
		}
		
	</script>
</rapid:override>
<%@ include file="../framework.jsp"%>